<template>
  <div class="search-bar-item">
    <el-row>
      <el-col :span="10">
        <div class="lable">
          <slot name="lable"></slot>
        </div>
      </el-col>
      <el-col :span="14">
        <div class="input">
          <slot name="input"></slot>
        </div>
      </el-col>
    </el-row>
  </div>
</template>
<script>
export default {
  name: "BaseSearchBarItem"
};
</script>
<style scoped>
.search-bar-item {
  font-size: 12px;
  height: 50px;
}
.search-bar-item .el-row {
  height: 50px;
  display: flex;
  align-items: center;
}
.search-bar-item .el-row .lable {
  margin-left: 8px;
}
</style>
